<template>
  <view>
    <view class="grace-bg-white">
      <view class="grace-list">
        <navigator url="./personInfoPage/personHome" class="items">
          <view class="title">个人主页</view>
          <!-- <view class="icons icon-r"> -->
           <image class="icon-r" src="../../static/yfb/my/touxiang.jpg" mode="widthFix"></image>
          <!-- </view> -->
          <view class="arrow-right"></view>
        </navigator>
        <navigator url="./personInfoPage/mineorcode" class="items">
          <view class="title title_1">我的二维码</view>
          <view class="icons icon-r">
            <image class="code" src="../../static/yfb/my/erweima.png" mode="widthFix"></image>
          </view>
          <view class="arrow-right"></view>
        </navigator>
        <navigator class="items">
          <!-- <view class="title">速付宝账号</view>
          <view>123134</view>-->
          <!-- <view class="arrow-right"></view> -->
          <view class="title">速付宝账号
            <text class="phone">13395080827</text>
          </view>
        </navigator>
        <navigator class="items">
          <view class="title">昵称</view>
          <view class="arrow-right"></view>
        </navigator>

        <navigator url="../../MyPage/securitySettings" data-index="1" class="items">
          <view class="title">性别
            <text>女</text>
          </view>
          <view class="arrow-right"></view>
        </navigator>

        <navigator url="../../MyPage/securitySettings" data-index="1" class="items">
          <view class="title">地区
            <text>阿根廷</text>
          </view>
          <view class="arrow-right"></view>
        </navigator>

        <navigator class="items">
          <view class="title">个性签名</view>
          <view class="arrow-right"></view>
        </navigator>


      </view>
    </view>
    <!-- 身份认证 -->
    <view class="grace-bg-white grace-common-mt">
      <view class="grace-list">
        <navigator url="./personInfoPage/identityAuthentication" class="items">
          <view class="title">身份认证</view>
          <view class="arrow-right"></view>
        </navigator>
      </view>
    </view>
    <!-- 身份认证结束 -->
  </view>
</template>

<script>
  export default {};
</script>

<style lang="scss" scoped>
  // .icon-r {
  //   width: 24px;
  //   height: 24px;
  //   image {
  //     width: 24px;
  //     height:24px;
  //   }
  // }
  .grace-list {
    padding: 0;
  }

  .icon-r {
    width: 100upx;
    height: 100upx;
    line-height: 100upx;
    margin-top: 6upx;
  }

  .code {
    width: 24upx !important;
    height: 24upx !important;
    // line-height: 24upx !important;
    vertical-align: middle;
  }

  .phone {
    // width: 30px;
    height: 56px;
    line-height: 56px;
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    margin-right: 30upx;
  }
</style>